<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <title>住建云-建设单位服务平台</title>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <link rel="stylesheet" href="index.css">
</head>

<body>
<div class="header">
  <div class="text">
    <img class="logo" src="logo_reg.png" alt="">
    <span>住建云——建设单位服务平台</span>
  </div>
</div>


<div class="reg_content">
  <h3 class="text2">注册新账号</h3>

  <div class="regStep">
    <ul class="tab-list clearfix">

      <li class="active">企业/组织</li>
      <li>个人</li>
      <li>无统一社会信用代码的组织</li>
    </ul>

    <div class="tab-box">

      <section class="first active">

        <form action="" class="sw">
          <div class="mod-form-block clearfix">
            <label class="form-block-title"> 企业/组织名称<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="请输入企业/组织名称">
              <p class="form-message"><!--名称不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">统一社会信用代码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="请输入统一社会信用代码">
              <p class="form-message"><!--证件号码不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">密码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control bg-error" placeholder="请输入密码">
              <div class="eye"></div>
              <div class="pwdTips hidden">
                <p>你的密码必须包含*</p>
                <p>至少6个字符</p>
                <p>大写或小写字母</p>
                <p CLASS="purple">至少一个数字或字符</p>
                <div class="strength red"></div>
              </div>
              <p class="form-message"><!--证件号码不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">确认密码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">手机号码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">手机验证码<font class="red">*</font></label>
            <div class="form-block-text">
              <input maxlength="12" type="text" class="form-control" placeholder="请输入验证码">
              <span class="yzm">获取验证码</span>
              <p class="form-message"></p>
            </div>
          </div>

        </form>
        <div class="tool_area">
          <label class="frm_checkbox_label">
            <input type="checkbox" class="top1"/>
            <i class="icon_checkbox"></i>
            <span>我已阅读并同意<a class="underline purple" href="#">《江西省统一身份认证系统注册协议》</a></span>
          </label>
        </div>
      </section>

      <section class="second">
        <form action="" class="sw">
          <div class="mod-form-block clearfix">
            <label class="form-block-title">姓名<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="请输入企业/组织名称">
              <p class="form-message"><!--名称不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">身份证号<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="请输入统一社会信用代码">
              <p class="form-message"><!--证件号码不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">密码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control bg-error" placeholder="请输入密码">
              <div class="pwdTips hidden">
                <p>你的密码必须包含*</p>
                <p>至少6个字符</p>
                <p>大写或小写字母</p>
                <p CLASS="purple">至少一个数字或字符</p>
                <div class="strength red"></div>
              </div>
              <p class="form-message"><!--证件号码不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">确认密码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">手机号码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">手机验证码<font class="red">*</font></label>
            <div class="form-block-text">
              <input maxlength="12" type="text" class="form-control" placeholder="请输入验证码">
              <span class="yzm">获取验证码</span>
              <p class="form-message"></p>
            </div>
          </div>

        </form>
        <div class="tool_area">
          <label class="frm_checkbox_label">
            <input type="checkbox" class="top1"/>
            <i class="icon_checkbox"></i>
            <span>我已阅读并同意<a class="underline purple" href="#">《江西省统一身份认证系统注册协议》</a></span>
          </label>
        </div>
      </section>

      <section class="third">
        <form action="" class="sw">
          <div class="mod-form-block clearfix">
            <label class="form-block-title">组织名称<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="请输入企业/组织名称">
              <p class="form-message"><!--名称不可以为空--></p>
            </div>
          </div>


          <div class="mod-form-block clearfix">
            <label class="form-block-title">密码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control bg-error" placeholder="请输入密码">
              <div class="pwdTips hidden">
                <p>你的密码必须包含*</p>
                <p>至少6个字符</p>
                <p>大写或小写字母</p>
                <p CLASS="purple">至少一个数字或字符</p>
                <div class="strength red"></div>
              </div>
              <p class="form-message"><!--证件号码不可以为空--></p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">确认密码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">手机号码<font class="red">*</font></label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>

          <div class="mod-form-block clearfix">
            <label class="form-block-title">手机验证码<font class="red">*</font></label>
            <div class="form-block-text">
              <input maxlength="12" type="text" class="form-control" placeholder="请输入验证码">
              <span class="yzm">获取验证码</span>
              <p class="form-message"></p>
            </div>
          </div>

        </form>
        <div class="tool_area">
          <label class="frm_checkbox_label">
            <input type="checkbox" class="top1"/>
            <i class="icon_checkbox"></i>
            <span>我已阅读并同意<a class="underline purple" href="#">《江西省统一身份认证系统注册协议》</a></span>
          </label>
        </div>
      </section>

    </div>

    <div class="w356">
      <button class="form-btn">继续</button>

      <!--创建管理员 已有账号？改为 跳过此步骤，-->
      <div class="cutLogin">
        <span>已有账号？</span>
        <a class="purple" href="#">直接登陆</a>
      </div>
    </div>
  </div>

</div>

<div class="copyright text-center" style="color: #666666">
  主办方：江西省住房和城乡建设厅&nbsp;&nbsp;&nbsp;&nbsp;技术支持：安徽德拓信息科技有限公司
</div>
<script>
    $('.tab-list').children('li').on('click',function () {
        var index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $('.tab-box').children('section').eq(index).addClass('active').siblings().removeClass('active');
    });
</script>
</body>
</html>
